<template>
  <footer class="bg-black/30 backdrop-blur-sm py-10 px-4 md:px-8">
    <div class="container mx-auto">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <div class="mb-6 md:mb-0">
          <h2 class="text-2xl font-bold mb-2">玛卡巴卡的小风车</h2>
          <p class="text-gray-400 max-w-md">记录我们在QQ群里的美好回忆与精彩瞬间，期待未来更多的技术交流、讨论与合作！</p>
        </div>

        <div class="flex gap-4">
          <a href="https://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=W3k3gR2_6ysPDgd-STAUDMRoDrhT3M-O&authKey=34XSpg2idg0TNui93oMFrS8yhiJ0Sx45quEunM3JB%2B7M1K%2Fh5n8sT%2Fg1IDgTlueV&noverify=0&group_code=429748481" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all duration-300">
            <img alt="qq" src="https://logotaglines.com/wp-content/uploads/2017/09/QQ-Logo-768x768.jpg" class="fa fa-qq text-white rounded-[50%]">
          </a>
          <a href="https://nav.aoyudi.top" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all duration-300">
            <img alt="Github" src="https://photo.ruojy.top/bubu.png" class="fa fa-github text-white rounded-[50%]">
          </a>
          <a href="https://gitee.com/xiaoyudi_xyz" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all duration-300">
            <img alt="Gitee" src="https://th.bing.com/th/id/ODLS.a0615180-18f5-480f-afb5-677d55fa12bb?w=32&h=32&qlt=90&pcl=fffffc&o=6&pid=1.2" class="fa fa-wechat text-white rounded-[50%]" >
          </a>
        </div>
      </div>

      <div class="mt-8 pt-8 border-t border-white/10 text-center text-sm text-gray-500">
        <p>© 2025 小宇在折腾. 保留所有权利.</p>
        <p class="mt-2">制作：小宇在折腾</p>
      </div>
    </div>
  </footer>
</template>

<script setup>
// 组件逻辑
</script>

<style scoped>
/* 页脚样式 */
</style>
